<template>

	<view class="mes-con">
		<image src="../../static/image/page/tishi.png" class="tishi"></image>
		<text class="mes-text">您有{{mesNum}}条新订单申请推送,请及时处理！</text>
		<view class="kk-btn" @click="jump">立即查看</view>
		<image @click="onTap" src="../../static/image/page/xx-icon.png" class="xx-icon"></image>
	</view>

</template>

<script>
	const app=getApp();
	export default {
		props: {
			mesNum: Number
		},
		methods: {
			onTap() {
				this.$emit('close');
			},
			//查看
			jump() {
				app.globalData.showDialog = true;
				uni.switchTab({
					url: `/pages/order/order`,
				})
			},
		}
	}
</script>

<style scoped>
	.mes-con {
		/* width: 100%; */
		height: 110rpx;
		background-color: rgba(255, 255, 255, 0.9);
		border-radius: 10rpx;
		position: absolute;
		left: 30rpx;
		right: 30rpx;
		top: 140rpx;
		z-index: 99;
		display: flex;
		align-items: center;
		padding: 0 20rpx;
	}

	.tishi {
		width: 28rpx;
		height: 28rpx;
		margin-right: 10rpx;
	}

	.mes-text {
		font-size: 26rpx;
		color: #333333;
	}

	.kk-btn {
		width: 130rpx;
		height: 48rpx;
		background: #FC4073;
		border-radius: 24rpx;
		font-size: 24rpx;
		color: #FFFFFF;
		text-align: center;
		line-height: 48rpx;
		margin-left: 10rpx;
	}

	.xx-icon {
		width: 17rpx;
		height: 17rpx;
		position: absolute;
		top: 16rpx;
		right: 20rpx;
		z-index: 100;
	}
</style>
